@prefix:operation;
@import "../../base/base";
@font-color:#36bdf1;
@border-color:#33ccff;
@import "~pofod/base/base";
.@{prefix}{
  width: 100%;
  .@{prefix}-box{
    width: @box-width;
    .margin-center;
    h3{
      font-size: 24px;
      line-height: 24px;
      font-weight: normal;
      color: #666;
      text-align: center;
      padding-top: 50px;
      padding-bottom: 40px;
    }
    .@{prefix}-features-container{
      width: 100%;
      height: 580px;
      .@{prefix}-huimei-technology,.@{prefix}-huimei-best{
        float: left;
        width: 50%;
        height: 100%;
        border: 1px solid @border-color;
      }
      .@{prefix}-technology-logo,.@{prefix}-best-logo{
        width: 100%;
        height: 185px;
        text-align: center;
        a{
          padding-top: 88px;
          display: block;
          width: 100%;
          height: 100%;
        }
        p{
          &:nth-child(1){
            color: @font-color;
            font-size: 18px;
          }
          &:nth-child(2){
            color: #333;
            font-size: 14px;
            margin-top: 12px;
          }
        }
        &:hover{
          //a{
          //  background: @border-color;
          //}
          p{
            color:#fff;
          }
        }
      }
      .@{prefix}-technology-logo{
        background: url("./img/technology.png") no-repeat center 36px;
        &:hover{
          background: url("img/technologyHover.png") no-repeat center 36px;
          background-color: @border-color;
        }
      }
      .@{prefix}-best-logo{
        background: url("./img/best.png") no-repeat center 36px;
        &:hover{
          background: url("img/bestHover.png") no-repeat center 36px;
          background-color: @border-color;
        }
      }
      .@{prefix}-more{
        width: 480px;
        height: 170px;
        .margin-center;
        border-top:1px solid @border-color;
        border-bottom: 1px solid @border-color;
        text-align: center;
        margin-top: -1px;
        p{
          color: #999;
          font-size: 12px;
          &:nth-child(1){
            color: @font-color;
            font-size: 18px;
            padding-top: 32px;
            padding-bottom: 16px;
          }
        }
        a{
          display: block;
          width: 90px;
          height: 34px;
          border: 1px solid @border-color;
          color: @font-color;
          text-align: center;
          line-height: 34px;
          .margin-center;
          margin-top: 20px;
          &:hover{
            background: @border-color;
            color: #fff;
          }
        }
      }
      .@{prefix}-introduce{
        width: 480px;
        .margin-center;
        .@{prefix}-introduceBox{
          width: 50%;
          font-size: 14px;
          margin-top: 24px;
          p{
            color: #999;
            &:nth-child(1){
              color: @font-color;
            }
          }
        }
      }
      .@{prefix}-huimei-best{
        .@{prefix}-freature{
          width: 480px;
          height: (580-185)/3px;
          line-height:(580-185)/3px;
          .margin-center;
          text-align: center;
          border-top:1px solid #999;
          a{
            display: block;
            width: 100%;
            height: 100%;
            color:#666;
            font-size: 20px;
          }
        }
        .border0{
          border-top: 1px solid @border-color;
          margin-top: -1px;
        }
      }
    }
  }
}